<!DOCTYPE html>
<html lang="en">
<head>
    <title>无线路由管理平台</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="css/unicorn.main.css" />
    <link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />

    <link rel="stylesheet" href="/css/theme1/jquery-ui-1.10.4.custom.css" />
    <link rel="stylesheet" href="/css/ui.jqgrid.css" />
    <link rel="stylesheet" href="/css/jquery.qtip.min.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<%include inc.html%>

<div id="content">

    <div id="breadcrumb">
        <a href="index.html" title="返回控制台" class="tip-bottom"><i class="icon-home"></i> 无线路由管理平台</a>
        <a href="#" class="current">通知/告警管理</a>


    </div>
    <div class="container-fluid">


        <div class="row-fluid">
            <div class="span12">
                <div style="margin: 0 auto;"  class="alert alert-block alert-<%if(typeof(retdata.success)!="undefined" && retdata.success==false){%>error<%}else{%>info<%}%>" id="info">
                    <i class="  icon-cog"></i>
                    <%=retdata.info %>
                    <a href="#" data-dismiss="alert" class="close">×</a>
                </div>
            </div>
        </div>


        <div class="row-fluid">
        <div class="span12">
            <div class="widget-box">
                <div class="widget-title">
                        <span class="icon">
                            <i class="icon-align-justify"></i>
                        </span>
                        <h5>通知/告警管理</h5>

                    <span class="label label-important"></span>
                </div>
                <div class="widget-content nopadding">
                    <form class="form-horizontal" method="post" name="notifyinfo" id="notifyinfo" novalidate="novalidate" />

                    <input id="oper" style="display: none" name="oper">
                    <input id="id" style="display: none" name="id">

                    <div class="control-group">
                        <label class="control-label">接收通知人员</label>
                        <div class="controls">
                            <label >
                                <input value="-1" type="checkbox" name="touserid" id="touserid">
                                <span class="checker blue" class="lbl">全体人员</span>
                            </label>
                            <%if(typeof(retdata.viruser)!=="undefined"&& retdata.viruser!==null) { retdata.viruser.forEach(function(post, index){%>
                            <label >
                                <input value="<%=post.id%>__<%=post.nickname%>" type="checkbox" name="touserid" id="touserid">
                                <span class="checker blue" class="lbl"><%=post.nickname%>
                                    [账号：<%=post.username%>,昵称：<%=post.nickname%>,商户：<%=post.companyname%>]</span>
                            </label>
                            <%})}%>
                            如果选择全体人员则通知发送至全部用户。
                        </div>
                    </div>



                    <div class="control-group">
                        <label class="control-label">通知/告警级别</label>
                        <div class="controls">
                            <select  name="level" id="level">
                                <option value="alert-info" />普通
                                <option value="alert-warning"  />严重
                                <option value="alert-danger" />危险
                                <option value="alert-error" />错误
                            </select>通知/告警级别用于将消息推送到商户的不同展示。
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">到期时间</label>
                        <div class="controls">
                            <input type="text" name="expiredate" id="expiredate"  data-date-format="yyyy-mm-dd"  class="datepicker" />
                        </div>
                    </div>

                    <div class="control-group">
                        <label class="control-label">通知内容</label>
                        <div class="controls">
                            <textarea rows="8" type="text" name="msgcontent" id="msgcontent"></textarea>
                        </div>
                    </div>


                    <div class="form-actions">
                        <input type="submit" value="提交" class="btn btn-danger" />
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="row-fluid">
        <div id="footer" class="span12">
            2014 &copy; 无线广告路由云管理平台
        </div>
    </div>
</div>

<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/unicorn.js"></script>
<script type='text/javascript' src='js/bootbox.min.js' charset='utf-8'></script>
<script src="js/jquery.qtip.min.js"></script>
<script src="js/unicorn.notifyinfo.js"></script>
</body>
</html>
